    /*@import "base";
    @import "element";*/
    /****************************vant*************************/

    //购物车按钮
    .van-button--bottom-action.van-button--default {
        background-color: #fba534;
    } //详情底部导航
    .van-goods-action {
        z-index: 100
    } //底部导航颜色更新
    .van-tabbar-item--active {
        color: $color-red;
    } // 单选checked颜色
    .van-radio .van-icon-checked {
        color: $color-red;
    } // 弹出层标题下的边框线，tab的下边框线
    .van-actionsheet__header,
    .van-tabs__wrap {
        border-bottom: 1px solid $body-background;
    } // 移除tab切换原有选中状态的下边线
    .van-tabs__line {
        height: 1px;
        display: none;
    } // 优化 tab切换原有选中状态的下边线
    .van-tab--active span:after {
        content: " ";
        position: absolute;
        display: block;
        width: $i*5;
        height: 1px;
        background: $color-red;
        left: 50%;
        margin-left: -$i*2.5;
        bottom: 0px;
    } //移除tab切换内容区域的背景色
    .van-tabs__content {
        background: none;
    } //统一边距
    .van-cell {
        padding: $i $i*1.1;
    }
    [class*=van-hairline]::after{
        border-bottom: 1px solid #e5e5e5;
    }

    //cell组件样式优化
    .common-cell {
        .van-cell__title {
            font-size: $i*1.5;
        } //箭头前的提示语样式
        .van-cell__value {
            color: $color-gay-9;
            font-size: $i*1.4;
        } //箭头样式
        .van-cell__right-icon {
            font-size: $i*1.3;
            margin-left: $i*0.2;
        }
        .van-cell--clickable:active {
            background-color: $write-color;
        }
    } //搜索样式优化
    .van-search--show-action {
        padding-right: 15px;
    }

    .van-search__action {
        padding-left: 10px
    }
    //底部tabbar
    .ect-tabbar {
        -webkit-box-shadow: 0 0 10px 0 hsla(0, 6%, 58%, .6);
        box-shadow: 0 0 10px 0 hsla(0, 6%, 58%, .6);
        padding-bottom: env(safe-area-inset-bottom);
        box-sizing: content-box;
    }
.van-tab--active{
    .nav_active{
        &::after{
            content: " ";
            position: absolute;
            display: block;
            width: 5rem;
            height: 1px;
            background: #ec5151;
            left: 50%;
            margin-left: -2.5rem;
            bottom: 0px;
        }
    }
}
//底部导航颜色
.footer-nav{
    .van-tabbar-item{
        .van-tabbar-item__text,.van-icon{color:$color-gay-9;}
    }
    .van-tabbar-item--active{
        .van-tabbar-item__text,.van-icon{color:$color-red}
    }
}

/*btn*/
.two-line-btn{
    .van-button--bottom-action{
        line-height:inherit;
        h4{
            padding-top:$i*0.8;
        }
    }
}

    /****************************common**************************/
.tab-com-font{font-size:$i*2.2;margin:-$i*0.4 0 $i*0.1 0}
    $color-coupon: #74d2d4;
    /*旋转*/

    //渐变背景颜色（黄-红色）
    .tag-gradients-color {
        background: linear-gradient(to right, #FF010C, #FF7E0C);
        background: -webkit-linear-gradient(to right, #FF010C, #FF7E0C); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(to right, #FF010C, #FF7E0C); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(to right, #FF010C, #FF7E0C); /* Firefox 3.6 - 15 */
    }
    .tag-bg-color {
        background: linear-gradient(to right, #FA2829, #FE522C);
        background: -webkit-linear-gradient(to right, #FA2829, #FE522C); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(to right, #FA2829, #FE522C); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(to right, #FA2829, #FE522C); /* Firefox 3.6 - 15 */
    }
   /*绿色背景*/
    .btn-low{background:$color-low;}
    .btn-default {
        background: $color-gay-9;
    }

    .tf-90 {
        @include ransformRotate(90deg);
    }

    .tf-180 {
        @include ransformRotate(-180deg);
    }


    .loading {
        margin: 50% auto 0;
    }

    .linear {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: $i*3;
        background: linear-gradient(#111, transparent);
        opacity: 0.4;
        z-index: 9;
    }
/*属性弹框样式优化*/
.attr-goods-box{
    .attr-goods-content {
        padding: 0 1.1rem;
        min-height:$i*10;
    }
    .attr-goods-header{
        .icon-guanbi{
            position: absolute;
            right: 1.1rem;top: 1.1rem;cursor: pointer;
        }
        .attr-info{
            .title{
                padding-right:1.5rem;word-break:break-all
            }
        }
    }

}

/*搜索*/
.search-nav{
    background:$write-color!important;border-bottom:1px solid #F5F5F5;
    padding: $i*1;
    .search{
        height:$i*3.6;
        border:1px solid #E6E6E6;
        border-radius:2rem;
        overflow: hidden;
        padding:  0  0 0 $i*1.5;
        input{
            line-height:$i*3.6;
            width: 100%;
        }
        .icon-search-box{width:$i*4;text-align: center;height:$i*3.6;
            line-height:$i*3.6;}
        }
   }
    /*not-cont*/

    .ectouch-notcont {
        padding: $i*5 0 $i *6 0;
        .cont {
            display: block;
            text-align: center;
            font-size: $i*1.4;
            color: $color-gay-9;
            margin-top: 0
        }
        .img {
            width: $i * 12;
            margin: 0 auto $i
        }
    }
.Loading-box{margin:$i*10 auto;}
    .cont-center {
        display: table-cell;
        vertical-align: middle;
    }

    .f-weight {
        font-weight: bold;
    }
   .m-top40{margin-top:$i*4;}
    .br-5 {
        border-radius: 5px!important;
    }

    .br-100 {
        border-radius: 100px
    }
    /*main-color*/

    .tag-min {
        background: #fba534;
    }

    .color-white {
        color: $write-color
    }

    .color-red {
        color: $color-red
    }

    .color-3 {
        color: $color-gay-3
    }

    .color-7 {
        color: $color-gay-7
    }

    .color-9 {
        color: $color-gay-9
    }

    .show {
        display: block!important;
    }

    .hide {
        display: none!important;
    }

    .p-a {
        position: absolute
    }

    .p-r {
        position: relative
    }

    .m-r05 {
        margin-right: $i*0.5
    }

    .p-l05 {
        padding-left: $i*0.5
    }

    .p-l1 {
        padding-left: $i
    }
    /*min btn*/

    .min-btn {
        padding: $i *0.5 $i *0.8;
        display: inline-block;
    }
    /*空心的btn*/

    .plain-btn {
        border-radius: 4px;
        padding: $i*0.3 $i*0.8;
        font-size: $i*1.3;
        margin-left: $i*0.6;
    }

    .plain-btn-main {
        border: 1px solid $color-red;
        color: $color-red;
    }

    .plain-btn-default {
        border: 1px solid #ccc;
        color: #555;
    }

    .con_main_detail {
        margin-bottom: $i*8
    }
    /*cell*/

    .ect-group {
        padding: $i $i*1.1;
        background: $write-color;
        border-bottom: 1px solid $body-background;
        .left-cell {
            font-size: $i*1.4;
            color: $color-gay-9;
            line-height:3rem;
        }
    }
    /*server*/

    .ect-server {
        .goods-min-icon {
            right: $i*1.1;
            color: #bbb;
        }
    }

/*进度条*/
.ect-progress{
    margin: .6rem 0;
    .wrap {
        position: relative;
        margin-bottom: 2px;
        height: 5px;
        border-radius: 5px;
        background-color: #efeeee;
        overflow: hidden;
    }
    .txt {
        font-size: $i*1.2;
        text-align: right;
        color: $color-gay-7;
        line-height: .5rem;
        padding-left: 1rem;
    }
    .color {
        width: 100%;
        background: $color-red;
    }
    .bar,
    .color {
        display: block;
        height: 100%;
        border-radius: 4px;
    }
}


    /*加减文本*/

    .div-num {
        border: 1px solid #d6d6d6;
        width: 12rem;
        margin-bottom: .1rem;
        input {
            border: 0;
            border-left: 1px solid #d6d6d6;
            border-right: 1px solid #d6d6d6;
            border-radius: 0;
            height: 3rem;
            padding: .5rem;
            font-size: 1.2rem;
            text-align: center;
        }
        a {
            display: block;
            width: 3rem;
            height: 3rem;
            position: relative;
        }
        a.num-less:before,
        a.num-plus:before,
        a.num-plus:after {
            content: " ";
            display: block;
            border-bottom: 1px solid #888;
            width: 1.6rem;
            position: absolute;
            left: 50%;
            margin-left: -.8rem;
            top: 50%;
            margin-top: -1px;
        }
        a.num-plus:after {
            -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
    } // 自定义tab切换
    .tab-common {
        overflow: hidden;
        width: 100%;
        height: $i*4;
        line-height: $i*4;
        border-bottom: 1px solid $body-background;
        .a-change {
            .item {
                .icon-xiajiantou:before {
                    position: absolute;
                    @include ransformRotate(-180deg);
                }
            }
        }
        .item {
            position: relative;
            .iconfont {
                color: $color-gay-7;
                margin-left: $i*.1;
                position: relative;
                font-size: $i*1.1;
                transition: .2s ease;
            }
            .icon-xiajiantou:before {
                position: absolute;
            }
            &.active {
                color: $color-red;
                .iconfont {
                    color: $color-red;
                }
            }
        }
    }
.goods-detail{
    .txt{font-size:$i*1.4;}
    .move-remove{display: none;}
    img{width:100%;}
}
/*订单完成*/
.flow-done{
    .header {
        margin-top: $i*5;
        text-align: center;
        .icon-qian {
            color: #efce0c;
            display: block;
            font-size: $i*9;
        }
        .done-price {
            font-size: $i*3;
        }
    }
    .list {
        margin-top: $i*3;
        .van-cell{
            font-size:$i*1.4;
            .van-cell__title{
                span{
                    color:$color-gay-9;
                }
            }
        }
    }
}
    /*商品横排滑动*/

    .swiper-x-box {
        .swiper {
            overflow: hidden;
            .swiper-wrapper {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                .swiper-slide {
                    h4{ height:3.2rem;line-height:1.6rem;}
                    width: $i*9;
                    padding-right: $i *0.5;
                    .img-box {
                        width: $i*8;
                        height: $i*8;
                    }
                }
            }
        }
    }
    /*商品列表模式 li.active 大图模式 or 小图模式    */

    .goods-li {
        overflow: hidden;
        margin-bottom: $i;

        .li {
            &.active {
                background: $body-background;
                position: relative;
                padding: $i*0.8 0 0 0;
                padding-right: $i*0.7;
                padding-left: $i*0.2;
                width: 50%;
                float: left;
                margin: 0;
                .left,
                .right {
                    float: inherit;
                    width: 100%;
                    background: $write-color;
                    overflow: hidden;
                }
                .left{
                    border-radius:  8px 8px 0 0;

                }
                .right {
                    padding: $i*0.6 $i $i*1.3 $i;
                    border-radius: 0 0 8px 8px;
                }

                .preslae-end{
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    background:url(./assets/img/preslae-end.png);
                    background-size: 5rem 5rem;
                    width: 5rem;
                    height: 5rem;
                    z-index: 10
                }
            }

            &:last-child{
                margin-bottom: 0;
            }
        }
        .li {
            &.active:nth-child(2n-1) {
                padding-left: $i*0.7;
                padding-right: $i* 0.2;
            }
            /*margin: $i*0.5 $i*0.7;*/
            border-radius: 5px;
            background: $write-color;
            overflow: hidden;
            padding: $i;
            border-top: 1px solid $body-background;
            .left,
            .right {
                float: left;
            }
            .left {
                width: 28%;
            }
            .right {
                width: 72%;
                padding-left: $i;
                h4 {
                    word-break: break-all;
                    line-height: 1.9rem;
                    height: 3.8rem;
                    overflow: hidden;
                }
                .cont {
                    margin-top: $i*0.6;
                    &.auction{
                        margin-top:1.7rem;
                    }
                }

            }
            &:first-child {
                border-top: none;
            }
        }
    }
    /*详情*/

    .goods {
        .cont-box {
            .price-box {
                h4 {
                    font-size: $i*2
                }
                .left {
                    .tag-price {
                        font-size: $i;
                        line-height: 1.5;
                        // margin-top: $i*-0.2;
                    }
                    .van-tag--danger {
                        background: #fba534;
                    }
                    .van-tag--mark {
                        border-radius: $i!important;
                        font-size: $i
                    }
                    .van-tag--mark::after {
                        border-radius: $i !important;
                        border-width: 0;
                    }
                    padding:$i*0.4 $i*1.1 $i*0.6 $i;
                    background: linear-gradient(to right, #f22c8f, #f23256);
                    label {
                        line-height: $i*1.6;
                        display: block;
                    }
                    .left-tag {
                        height: $i*1.4;
                        border: 1px solid $write-color;
                        border-radius: $i;
                        overflow: hidden;
                        .left-icon {
                            width: $i*1.8;
                            background: $write-color;
                            i {
                                color: $color-red;
                                display: block;
                                text-align: center;
                                line-height: $i*1.4;
                            }
                        }
                        .tag-right-cont {
                            padding: 0 $i*0.8;
                            line-height: $i*1.4;
                        }
                    }
                }
                .right {
                    background: #ffeae9;
                    padding: 0 $i*0.2 0 $i * 0.6;
                    .time-title {
                        color: #f2315f
                    }
                    .time {
                        p {
                            span {
                                background: #f2315f;
                                padding: $i * 0.1 $i*0.4;
                                border-radius: 5px;
                                margin: 0 $i*0.2 0 $i*0.2;
                                color: $write-color;
                                i {
                                    color: $write-color;
                                }
                            }
                            i {
                                color: #f2315f;
                                font-style: normal;
                            }
                        }
                    }
                }
            }
            .title {
                line-height: 1.3;
                .goods-price {
                    font-size: $i*2
                }
                .van-tag--danger {
                    background: #fba534;
                    padding: $i*0.1 $i*0.6;
                    border-radius: $i;
                }
                .van-hairline--surround::after {
                    border-width: 0;
                }
            }
            .goods_number,
            .goods_service {
                border-top: 1px solid $body-background
            }
        }
    }
    /**************************促销活动模块*****************************/

    .activity {
        .list {
            margin: $i;
            border-radius: 8px;
            overflow: hidden;
            .activity-tag{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }
            .tag {
                padding: $i*0.3 $i*1.1;
                border-radius: 0 4px 4px 0;
                display: inline-block;

            }
            .sanjiao{
                height: 0;
                width: 0;
                border-right: 3px solid transparent;
                border-bottom: 3px solid transparent;
                border-left: 4px solid #F92929;
            }
            .cont{
                padding:$i*2 $i*1.1
            }
        }
    }

    .activity-datail {
        .title {
            span {
                color: $write-color;
                border-radius: 20px;
                padding: $i * 0.3 $i * 0.8;
                line-height: $i *2.2;
                margin-right: $i*0.6
            }
            .tag-cont{line-height:1.8}
        }
        .rule-box {
            ul {
                li {
                    padding-bottom: $i * 0.5;
                    font-size: $i*1.3;
                    color: $color-gay-9
                }
            }
        }
        .cart {
            right: $i *1.1;
            bottom: $i *1.1;
            width: $i*3;
            height: $i *3;
            line-height: $i*3.2;
            border-radius: 50%;
            text-align: center;
            z-index: 3;
        }
    }
    /**************************拍买活动模块*****************************/

    .auction-price {
        .list {
            padding: $i $i*1.1;
            border-bottom: 1px solid $body-background;
            &:last-child {
                border-bottom: none;
            }
        }
    }
    /**************************代言模块*****************************/

    // 代言-开店
    .drp-register {

        .input-list {
            margin: $i $i*1.1 0;
            border-radius: 6px;
            overflow: hidden;
        }
    } // 代言-开店完成
    .drp-finish {
        .detail {
            margin: $i * 1.1;
            border-radius: 5px;
            padding: $i*3 0;
            overflow: hidden;
            background: linear-gradient(to right, #ffb95e, #ec5151);
            .left {
                width: $i * 7.5;
                .icon {
                    width: $i * 5;
                    height: $i * 5;
                    border-radius: 100%;
                    border: 1px solid $write-color;
                    margin-left: $i * 1.3;
                }
                .icon-dianpu {
                    font-size: $i* 3;
                    display: block;
                    line-height: $i * 5;
                }
            }
            .right {
                margin: $i * 1.4 $i* 0.4 0 0
            }
            .drp-tag {
                background: linear-gradient(to right, #ffb95e, #ec5151);
                position: absolute;
                padding: $i*0.4 $i;
                right: 0;
                top: 0;
                border-radius: 0 $i*0.5 0 $i*0.5;
            }
        }
    }

    .drp-register,
    .drp-finish {
        .header {
            h4 {
                font-size: $i * 2;
                margin-top: $i *2
            }
        }
        ul {
            li:first-child {
                margin-bottom: $i * 0.4
            }
        }
    } // 代言-代言中心
    .drp-select {
        .header {
            background: url(./assets/img/newuser/wd_bg.jpg) no-repeat;
            background-size: 100% 100%;
            padding: $i*2 $i*1.25 $i*6 $i*1.25;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

            .header-img{
                width: $i*6;
                height: $i*6;
                border: $i*.25 solid rgba(255, 255, 255, 0.29);
                border-radius: 50%;
                box-sizing: content-box;
                .img{
                    border-radius: 50%;
                    height: 100%;
                }
            }

            .header-time{
                font-size: $i*1.3;
                font-weight: 400;
                color: $write-color;
                margin-top: $i*1.25;
            }
        }

        .drp-content{
            margin: -$i*4 $i*1.5 0;
            background: $write-color;
            box-shadow:0 $i*.5 $i*1.5 0 rgba(68,79,90,0.11);
            border-radius: $i;
            padding: $i*1.7 $i*2;

            .drp-items{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;

                .drp-item{
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;

                    p{
                        margin-top: $i*.8;
                        font-size: $i*1.2;
                    }
                }
            }

            .btn-bar{
                margin-top: $i*2;
                &.btn-bar-radius{
                    .btn{
                        border-radius: $i*2;
                    }
                }
            }
        }
    }

    .drp-list{
        margin: $i*2 $i*1.25 0;

        .drp-list-title{
            font-size: $i*1.8;
            font-weight: 600;
            color: #000;
            text-align: center;
            margin: $i*3;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;

            i{
                display: block;
                width: $i*2;
                margin: 0 $i;
            }
        }

        .goods-li{
            .li{
               /* background: none;
                padding: 0;*/
                display: flex;
                flex-direction: row;
                margin-bottom: $i;

                .left{
                    width: $i*13;
                    height: $i*13;
                }

                .right{
                    flex: 1;
                    width: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .cont{
                        margin-top: 0;

                        h4{
                            font-size: $i*1.4;
                            line-height: $i*2;
                        }

                        .shop-price{
                            color: $color-pink;
                            font-size: $i*1.8;
                            margin-top: $i;
                        }
                    }

                    .drp-commission-tag {
                        display: flex;
                        font-size: $i*1.4;

                        .num,
                        .cont-tag {
                            height: $i*2.7;
                            line-height: $i*2.5;
                            padding: 0 $i * 0.8;
                            border: $i*.1 solid rgba(255,47,47,1);
                        }

                        .num{
                            color: $color-pink;
                            border-right: 0;
                        }

                        .cont-tag{
                            background: linear-gradient(90deg,rgba(251,91,42,1),rgba(235,23,6,1));
                        }
                    }
                }
            }
        }
    }

    .drp-commission-tag {
        .num,
        .cont-tag {
            height: $i*2.4;
            line-height: $i*2.2;
            padding: 0 $i * 0.4;
            border: 1px solid $color-red;
        }
        .num {
            background: $write-color;
            color: $color-red;
            border-radius: 3px 0 0 3px;
        }
        .cont-tag {
            background: $color-red;
            color: #fff;
            border-radius: 0 3px 3px 0;
        }
    }
   // 代言-佣金提现
    .drp-withdraw {
        .van-field{
            padding:$i 0 !important;
            .van-cell__title{
                max-width: 30px !important;
                font-size: $i*2.4;
            }
            .van-cell__value{
                font-size:$i*1.9;
            }
        }
        .title{padding-top:$i*1.1;}
        .withdraw-btn{
            padding:0 $i*1.1 $i*1.1 $i*1.1
        }
    }
    // 代言-店铺设置
    .drp-set {
        .drp-model {
            padding: $i * 1.2;
            border-top: 1px solid $body-background;
            .left-title {
                width: $i * 8
            }
            .van-radio__input{ font-size: 16px; }
            .van-radio__label {
                margin: 0 $i 0 $i * .3
            }
        }
        .header {
            border-bottom: 1px solid $body-background;
            .title {
                padding-left: $i * 1.1
            }
            h3 {
                line-height: $i * 3.9;
                font-size: $i * 1.5
            }
            .icon-more {
                right: $i;
                top: 50%;
                margin-top: -$i * 0.8;
            }
            .user-img {
                width: $i*4.5;
                height: $i*4.5;
                border-radius: 100%;
                overflow: hidden;
            }
        }
    } // 代言-我的店铺
    .drp-shop-box {
        .header {
            .bg-img {
                width: 100%;
                height: $i * 10;
                overflow: hidden;
                position: relative;

                image {
                    -webkit-filter: blur(5px);
                    filter: blur(5px);
                }
                .model-box {
                    background: rgba(0, 0, 0, 0.4);
                    position: absolute;
                    right: 0;
                    left: 0;
                    top: 0;
                    bottom: 0;
                }
                .btn-share {
                    position: absolute;
                    right: 12px;
                    bottom: 12px;
                    padding: $i * 0.2 $i*1.4;
                    border-radius: 10px;
                    z-index: 1000;
                }

                .img{
                    position: absolute;
                    animation: animatedBird-data-v-0e1322bc 20s infinite linear;
                }
            }
            .cont {
                position: absolute;
                bottom: -$i *3;
                left: 0;
                right: 0;
                padding: 12px;
                z-index: 100;
                .img {
                    width: $i*5;
                    height: $i*5;
                    overflow: hidden;
                    border-radius: 5px;
                }
                .right {
                    padding-left: $i * 0.7
                }
            }
        }
        .tab-shop {
            height: inherit;
            line-height: inherit;
            padding: $i*3.4 0 $i*1.1 0;
            .item {
                .iconfont {
                    font-size: $i*1.8;
                }
            }
        }
        .van-popup {
            left: $i*3.5;
            top: 0;
            bottom: 0
        }
        .van-popup--right {
            -webkit-transform: translate3d(0, 0, 0);
        }
        .close-filter-div {
            width: $i*3.5;
            left: $i*-3;
            position: absolute;
            top: 0;
            bottom: 0;


            .close-f-btn {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: $i*-2;
                margin-left: $i*-1.4;
            }
        }
    } // 代言-订单列表
    .drp-order-list {
        .order-header {
            border-bottom: 1px solid $body-background;
            padding: $i 0;
        }
        .order-box {
            padding: 0 $i * 1.2;
            display: block;
            .order-cont {
                padding: $i 0;
            }
        }
        .order-shop {
            padding: $i*0.8;
        }
        .goodslist {
            padding: $i*0.8;
            border-top: 1px solid $body-background;
            border-bottom: 1px solid $body-background;
            .left {
                img {
                    width: $i*6;
                    height: $i*6;
                    border: 1px solid $body-background;
                    margin-right: $i;
                    display: inline-block;
                    background: $write-color;
                }
            }
            .right {
                .goods-number {
                    top: 50%;
                    right: 0;
                    margin-top: -$i*1;
                }
            }
        }
    } // 代言-订单详情
    .drp-orderdetail {
        .header {
            h4 {
                font-size: $i *3
            }
            background: -webkit-linear-gradient(#f84d4d, #fe5b64);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(#f84d4d, #fe5b64);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(#f84d4d, #fe5b64);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(#f84d4d, #fe5b64);
            /* 标准的语法 */
            padding:$i*3 $i*1.1;
        }
    } // 代言-我的团队
    .drp-team {
        height: 100vh;
        background-color: #fff;

        .team-info{
            padding: $i 0;

            .tit{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                padding: $i $i*2;
                font-size:$i*1.3;
                color: #333;

                .t1{
                    width: 80%;
                }
                .t2{
                    width: 20%;
                }
            }

            .team-list{
                .item{
                    display: flex;
                    flex-direction: row;
                    padding: $i*1.5 $i*2;
                    border-bottom: $i*.1 solid #f6f6f6;

                    .left{
                        width: 80%;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;

                        .picture{
                            width: $i*3.5;
                            height: $i*3.5;
                        }

                        .team_info_con{
                            margin-left: $i*.8;
                            font-size: $i*1.4;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;

                            p{
                                font-size: $i*1.2;
                                color: #B3B3B3;
                                margin-top: $i*.5;
                            }
                        }
                    }

                    .right{
                        width: 20%;
                        flex: 1;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;

                        .price{
                            font-size: $i*1.4;
                            color: $color-red;
                            font-weight: 500;
                            margin-right: $i*.5;
                        }

                        .iconfont{
                            font-size: $i*1.2;
                            color: #ccc;
                        }
                    }
                }
            }
        }

        .list {
            .icon {
                width: $i*3;
                img {
                    width: $i * 2.3;
                    padding-left: $i*0.6;
                }
            }
            padding: $i;
            border-bottom: 1px solid $border-color-split;
            .left {
                width: $i*5;
                img {
                    width: $i*4;
                    height: $i*4;
                    border-radius: 100%;
                    overflow: hidden;
                }
            }
        }
        .list:last-child {
            border-bottom: none;
        }
    } // 代言-团队详情
    .drp-rankdetail {
        .header {
            background: url(./assets/img/newuser/wd_bg.jpg) no-repeat;
            background-size: 100% 100%;
            padding: $i*2 $i*1.25 $i*6 $i*1.25;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;

            .header-img{
                width: $i*6;
                height: $i*6;
                border: $i*.25 solid rgba(255, 255, 255, 0.29);
                border-radius: 50%;
                box-sizing: content-box;
                .img{
                    border-radius: 50%;
                    height: 100%;
                }
            }

            .header-time{
                font-size: $i*1.3;
                font-weight: 400;
                color: $write-color;
                margin-top: $i*1.25;
            }

            .admin{
                 flex:1; 
                 margin-left: 10px;
            }
        }

        .cont {
            h4 {
                font-size: $i*3
            }
        }
    } // 代言-排行榜
    .drp-rank {
        min-height: 100vh;
        margin-bottom: $i*2;
        .header {
            position: relative;
            .cont {
                position: absolute;
                left: $i*2;
                bottom: 30%;
                color: $write-color;
                font-size: $i*1.4;
            }
        }
        .rank-box {
            margin: -$i*4 $i*.75;
            background: $write-color;
            border-radius: $i*1.5;
            box-shadow:0 $i*.5 $i 0 rgba(32,33,36,0.1);
            overflow: hidden;
            position: relative;
            z-index: 2;
            padding: $i;

            .title{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                font-size: $i*1.4;
                color: #666;
                padding: $i 0;

                .t1{
                    width: 20%;
                    text-align: center;
                }
                .t2{
                    width: 50%;
                }
                .t3{
                    flex: 1;
                    text-align: center;
                }
            }

            .rank-list{
                .item{
                    display: flex;
                    flex-direction: row;
                    padding: $i 0;
                    border-bottom: $i*.1 solid #f6f6f6;

                    .left{
                        width: 20%;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        .icon-rank{
                            width: $i*2.1;
                            height: $i*2.1;
                        }

                        span{
                            text-align: center;
                            font-size: $i*1.3;
                        }
                    }
                    .center{
                        width: 50%;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;

                        .via{
                            width: $i*2.75;
                            height: $i*2.75;

                            .img{
                                border-radius: 50%;
                            }
                        }

                        h4{
                            margin-left: $i;
                            font-size: $i*1.4;
                        }
                    }
                    .right{
                        flex: 1;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;

                        .price{
                            font-size: $i*1.4;
                            color: #000;
                            font-weight: 500;
                            margin-right: $i*2;
                        }

                        .iconfont{
                            font-size: $i*1.2;
                            color: #ccc;
                        }
                    }
                }
            }
        }
    }
    .drp-drplog {
        .list{
            padding:$i*1.5 $i*1.8;
            border-bottom: 1px solid #e3e8ee;
            display: flex;
            flex-direction: column;
            font-size: $i*1.2;

            .list-box{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;

                .left{
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;

                    .price{
                        font-size: $i*2.5;
                        margin-right: $i;
                        color: #F2031F;

                        em{
                            font-size: $i*1.6;
                            color: #F2031F;
                        }
                    }

                    .log-tag{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: $i*2;
                        border-radius: $i;
                        color: #B78D5A;
                        padding: 0 $i;
                        border:1px solid #B78D5A;

                        &.active{
                            background:linear-gradient(118deg,rgba(236,216,190,1),rgba(219,178,128,1));
                        }
                    }
                }

                .right{
                    font-size: $i*1.4;
                    color: #666;
                }
            }

            .log{
                margin-top: $i*.5;
                p{
                    color: #cccccc;
                    line-height: 1.6;
                }
            }
        }
    }

    /* 邀请 */
    .card{
        /*height: 100vh;*/
        background:linear-gradient(90deg,rgba(236,36,91,1),rgba(212,0,52,1));

        .banner{
            position: relative;
        }

        .content{
            display: flex;
            flex-direction: column;
            justify-content: center;
            .tit{
                font-size: $i*2.5;
                font-weight: 500;
                color: $write-color;
                text-align: center;
                margin: $i*3.5 0 $i*2;
            }

            .text{
                margin: 0 $i*2.5;
                color: $write-color;
                font-size: $i*1.3;

                p{
                    line-height: 2;
                }
            }

            .button{
                margin: $i*3.5 $i*2 0;
            }
        }
    }

    /* 高级vip详情 */
    .drp-info{
        padding-bottom: $i*6;
            .warp{
                padding: $padding-all;
                background: linear-gradient(0deg,rgba(86,85,85,1),rgba(28,28,28,1));
                padding-bottom: $i*6;
            }
            .tip{
                margin-bottom: $i;
                padding: $i;
                font-size: $i*1.2;
                border-radius: $i*.5;
                background:#3b3b3b;
                color: #ecd8be;
            }

            .header{
                background: url(./assets/img/newuser/info-bg.png) no-repeat;
                background-size: 100% 100%;
                padding: $i $i*.75;
                border-radius: $i*.5;
                display: flex;
                flex-direction: column;
                margin-bottom: $i;

                .header-top{
                    display: flex;
                    flex-direction: row;

                    .header-img{
                        width: $i*6;
                        height: $i*6;
                        border: $i*.25 solid #ffffff;
                        border-radius: 50%;
                        box-sizing: content-box;
                        margin-right: $i*1.5;
                        .img{
                            border-radius: 50%;
                            height: 100%;
                        }
                    }

                    .header-right{
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;

                        h4{
                            font-size: $i*1.5;
                        }

                        .time{
                            font-size: $i*1.1;
                            color: #666;
                            margin-top: $i*.3;
                        }

                        .hang{
                            display: flex;
                            justify-content: space-between;
                            align-items: center;

                            .vip{
                                background:linear-gradient(0deg,rgba(21,21,21,1),rgba(42,39,36,1));
                                height: $i*2.6;
                                line-height: $i*2.6;
                                display: flex;
                                flex-direction: row;
                                padding: 0 $i*1.5 0 $i*1.2;
                                border-radius: $i*1.4;
                                color: #E3C49E;
                                font-size: $i*1.3;
                                justify-content: flex-start;
                                align-items: center;
                                margin-top: $i*.5;

                                i{
                                    width: $i*2;
                                    height: $i*2;
                                    margin-right: $i*.5
                                }
                            }

                            .user-more{
                                .iconfont{
                                    top: 4px;
                                }
                            }
                        }
                    }
                }
                .header-bottom {
                    padding-top: 10px;
                    margin-top: 10px;

                    &.bor{
                        border-top: 1px solid #dea35a;
                    }

                    .drp-button {
                        display: flex;
                        align-items: center;

                        .item{
                            background:#dea35a;
                            height: $i*2.6;
                            line-height: $i*2.6;
                            display: flex;
                            flex-direction: row;
                            padding: 0 $i*1.5 0 $i*1.2;
                            border-radius: $i*1.4;
                            color: #fff;
                            font-size: $i*1.3;
                            justify-content: flex-start;
                            align-items: center;
                            margin-left: 10px;
                        }
                    }
                }
            }

            .section{
                background: $write-color;
                border-radius: $i*.5;
                box-shadow:0 $i*.5 $i*1.5 0 rgba(68,79,90,0.11);
                margin-bottom: $i;
                overflow: hidden;

                .tit{
                    font-size: $i*1.5;
                    color: #805223;
                    font-weight: 500;
                    padding: $i $i*.75 $i $i*1.5;
                    border-bottom: 1px solid #E3D6C4;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    .user-more{
                        .iconfont{
                            top: 3.5px;
                        }
                    }
                }

                .value{
                    display: flex;
                    flex-direction: row;
                    align-items: center;

                    .item{
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: $i 0 $i*1.5;
                        line-height: 1.8;

                        p{
                            font-size: $i*1.5;
                            color: #AC8054;
                            font-weight: 500;
                        }

                        span{
                            font-size: $i*1.2;
                            color: #232323;
                        }
                    }

                    .item:first-child{
                        p{
                            color: #F2041A;
                        }
                    }
                }

                .list-ul{
                    padding: $i*1.5;

                    li{
                        font-size: $i*1.4;
                        list-style: inside;
                        padding-bottom: $i;

                        &:last-child{
                            padding-bottom: 0;
                        }
                    }
                }
            }

            .protection{
                .value{
                    border-radius: 1rem;
                    display: flex;
                    flex-direction: row;
                    padding: 1rem 1rem 0;
                    font-size: 1.2rem;
                    flex-wrap: wrap;

                    .item-list{
                        width: 25%;
                        text-align: center;
                        padding: 0 1rem;
                        margin-bottom: 1rem;

                        .icon{
                            width: 100%;
                            border-radius: 50%;

                            .img{
                                border-radius: 50%;
                            }
                        }

                        .text{
                            margin-top: .5rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                    }
                }
            }
        

        .invite_friends_button{
            width: 90%;
            height: $i*4.5;
            line-height: $i*4.5;
            border-radius: $i*2.5;
            background:linear-gradient(118deg,rgba(236,216,190,1),rgba(219,178,128,1));
            color: #805223;
            font-size: $i*1.6;
            font-weight: 600;
            text-align: center;
            margin: $i*.5 auto $i*1.5;

            .iconfont{
                margin-left: $i;
                font-size: $i*1.4;
            }
        }

        .drp-info-team{
            margin:-$i*6 $i*1.1 0;
            background-color: #ffffff;
            box-shadow:0 $i*.5 $i 0 rgba(95,95,95,0.1);
            border-radius: $i*.5;
            padding: $i*1.5;

            .tit{
                margin: 0 0 $i*1.5;
                position: relative;
                overflow: hidden;
                font-size: $i*1.7;
                font-weight: 700;
                color: #000;
                display: flex;
                justify-content: center;
                align-items: center;
                height: $i*3;

                .row{
                    display: block;
                    width: $i*12;
                    height: $i*0.2;
                    background-color: #000;

                }

                span{
                    width: $i*7;
                    height: $i*2.5;
                    text-align: center;
                    padding: 0 $i;
                    overflow: hidden;
                    background-color: #ffffff;
                    position: absolute;
                    box-sizing: content-box;
                }
            }

            .items{
                display: flex;
                flex-direction: row;

                .item{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    background: #FCF3E7;
                    border-radius: $i*.25;
                    flex: 1 1 0%;
                    height: $i*8.75;

                    &.item1{
                        margin-right:$i*.5;
                    }
                    &.item2{
                        margin:0 $i*.5;
                    }
                    &.item3{
                        margin-left:$i*.5;
                    }

                    .num{
                        font-size: $i*1.7;
                        font-weight: 600;
                        color: #3A3A3A;
                    }

                    .link{
                        height: $i*.2;
                        width: $i*2.2;
                        background:linear-gradient(90deg,rgba(236,216,190,1),rgba(219,178,128,1));
                        margin: $i*.8 0;
                    }

                    .text{
                        color: #805223;
                        font-size: $i*1.2;
                    }
                }
            }
        }

        .nav-items{
            margin: $i*1.1 $i*1.1 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;

            .nav-item{
                background-color: #ffffff;
                box-shadow:0 $i*.5 $i 0 rgba(95,95,95,0.1);
                border-radius: $i*.5;
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 48.5%;
                margin-bottom: $i*1.1;
                padding: $i;

                i{
                    width: $i*4;
                    height: $i*4;
                }

                span{
                    font-size: $i*1.3;
                    color: #805223;
                    margin-left: $i*1.1;
                }
            }
        }

        .adv{
             margin: 0 $i*1.1 $i*1.1;
        }
    }

    .distributor-cont-box{
        p{
            font-size: 1.34rem;
            color: #777;
            padding-bottom: .8rem;
            line-height: 2.2rem;
        }
        h4{font-size:1.6rem;color:#333;;padding-bottom:1.6rem;}
    }

    .distributor-cont2-box h4{font-size:1.6rem;color:#333;padding-bottom:1.6rem;}
    .dis-left-box {width:8.2rem;}
    .dis-cont-1 .dis-list{border-left:1px solid #e6e6e9;border-right:1px solid #e6e6e9;border-top:1px solid #e6e6e9;}
    .distributor-cont2-box ul:last-child{border-bottom: 1px solid #e6e6e9;}
    .dis-cont-1 li h5{font-size:1.6rem;color:#333;padding-top:2.2rem;}
    .dis-cont-1 li p{font-size:1.22rem;color:#848484}
    .dis-header{height:6rem; width:6rem; border-radius:100%;}
    .dis-headerred{background:#ed5b5f}
    .dis-headerhs{background:#f9b421}
    .is-icon-box{font-size:3.8rem;color:#fff;line-height:6rem;text-align:center;display:block;}
    /**************************拼团模块*****************************/

    /*拼团-首页*/
    .team {
        .team-tabs{
            .van-tabs__wrap--scrollable {
                .van-tab{
                    padding:0;
                    -webkit-flex: 0 0 17%;
                    flex: 0 0 17%;
                }
            }
        }
        .van-tab:active {
            background-color: $write-color;
        }
        .van-tabs__line {
            height: 1px;
        }
        .van-tabs__wrap {
            position: fixed;
        }
        .banner_bottom {
            .li {
                border-right: 1px solid $body-background;
            }
            .li:last-child {
                border-right: none;
            }
        }
        .ad_hot_left {
            .hot-img {
                .li {
                    border-bottom: 1px solid $body-background;
                    border-left: 1px solid $body-background;
                }
                .li:last-child {
                    border-bottom: none;
                }
            }
        }

        .nav-list {
            padding: $i*1;
            .nav-img {
                img {
                    padding: $i*0.3 $i*1.2
                }
            }
        }
        .activity-list {
            .li {
                border-right: none;
                border-top: 1px solid $body-background;
            }
            .li:nth-child(2n-1) {
                border-right: 1px solid $body-background 3;
            }
        }
    } // 拼团-详情
    .team-rule {
        border-bottom: 1px solid #eee;
        padding: $i*1.2;
        label {
            left: 50%;
            margin-left: -$i;
            z-index: 2;
            width: $i*1.8;
            height: $i*1.8;
            margin-right: $i*0.5;
            border-radius: 100%;
            border: 1px dashed #e7e8ef;
            display: block;
            line-height: $i*1.8;
        }
        p {
            padding-top: $i*2.6;
            font-size: $i*1.2;
        }
        .n-list-xian-first,
        .n-list-xian,
        .n-list-xian-last {
            border-top: 1px solid #e7e8ef;
            top: 22%;
            z-index: 1;
        }
        .n-list-xian-first {
            left: 50%;
            width: 60%;
        }
        .n-list-xian {
            width: 100%;
        }
        .n-list-xian-last {
            right: 50%;
            width: 60%;
        }
        .team-jiantou {
            height: $i*3;
            .icon-moreunfold {
                font-size: $i*2;
                margin-left: $i*-0.6;
                top: 40%;
                left: 50%;
            }
        }
    }
    .group-list-box .left-img{width:4.3rem; height:4.3rem; border-radius:100%;overflow: hidden;margin-right:0.6rem;}
    .group-list-box .list-two{padding-top:2%;line-height: 1.5rem;}
    .group-list-box .right-btn{padding:0 0.6rem;border-radius: 0 2rem 2rem 0;line-height: 4.5rem;text-align: center;display: block;color:#fff;}
    .group-list-box{border-radius:2.5rem;border:1px solid #fe3939;height:4.5rem}
    .goods-time-box{overflow:hidden}
    .goods-time-box li{float:left;width:50%;}
    .team-user .tag-box{background:#ec5151;border:1px solid #fff; border-radius: 2rem; position:absolute;left:10%;font-size:1.3rem;padding:0 0.4rem;color:#fff;}
    // 拼团-排行榜
    .team-rank {
        .rank {
            width: $i*2;
            height: $i * 2.6;
            top: 0;
            left: 0
        }
        .team-btn {
            .left-btn {
                border-radius: 5px 0 0 5px;
            }
            .left-btn,
            .right-btn {
                border: 1px solid $color-red;
                padding: $i*0.4 $i * 0.3;
            }
            .right-btn {
                border-radius: 0 5px 5px 0;
            }
        }
    } // 拼团-订单列表
    .team-order {
        .team-order-btn {
            padding: $i *0.8 $i *1.1;
            border-top: 1px solid $body-background
        }
        .tag-img{
            width: $i*10;
            position: absolute;
            right: $i;
            top: $i*2;
            z-index: 10;
        }

        .goods-li{
            .li{
                margin:0;
            }
        }
    }

    .team-order,
    .team-rank {
        .van-tabs--line .van-tabs__wrap {
            position: fixed;
        }
    }

    .team-wait {
        .header {
            padding: $i *1.6 $i*1.1;
            .left {
                width: $i * 5;
                img {
                    width: $i * 4;
                    height: $i * 4;
                    border-radius: 100%;
                    overflow: hidden;
                }
            }
        }
        .title-hrbg-team {
            font-size: $i*1.5;
            position: relative;
            z-index: 1;
            height: $i *5;
            line-height: $i * 5;
            overflow: hidden;
            color: #888;
            text-align: center;
            hr {
                background: $body-background;
                height: 1px;
                border: 0;
                position: absolute;
                left: 0;
                right: 0;
                top: 50%;
                margin-top: 1px;
                z-index: -1;
            }
            label {
                background: $write-color;
                padding: 0 $i;
            }
            div {
                display: inline-block;
                p {
                    span {
                        background: #FFB400;
                        border-radius: $i*0.4;
                        font-size: $i*1.3;
                        color: $color-red;
                        padding: $i *0.2 $i *0.4;
                    }
                    i {
                        color: $color-red;
                        font-style: normal;
                        padding-left: $i*0.2;
                    }
                }
            }
        }
        .team-header {
            padding: $i*1.1;

            .img-box {
                .img{
                    border-radius: $i*2;
                    overflow: hidden;
                    width: $i*4;
                    height: $i *4;
                    border: 1px solid #ccc;
                }
            }
            .icobox{
                border-radius: $i*2;
                overflow: hidden;
                width: $i*4;
                height: $i *4;
                border: 1px solid #ccc;
                i {
                    display: block;
                    line-height: $i *4
                }
            }

            .tag-box{
                background: #ec5151;
                z-index: 2;
                border: 1px solid #fff;
                border-radius: 2rem;
                position: absolute;
                left: 10%;
                font-size: 1.3rem;
                padding: 0 .4rem;
                color: #fff;
            }
        }
    }
    /**************************红包模块*****************************/

    .bonus-select {
        padding-bottom:50px;
        .li {
            &.active{
                h2,h4{
                    color:#ccc;
                }
            }
            margin: $i;
            .cont {
                padding: $i * 1.2;
                .bonus-img{width:5rem;position: absolute;right:1rem;top:1rem;}
                h2 {
                    font-size: $i * 2.4;
                }
                .left-cont {
                    height: $i*5;
                }
                .right-cont {
                    width: $i *7;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    span {
                        padding: $i *0.3 $i *0.8;
                        border-radius: $i;
                        background: $color-red;
                        color: $write-color;

                        &.end{
                            background: $color-gay;
                        }
                    }
                }
            }
            .footer {
                border-top: 1px dashed $body-background;
                padding: $i*0.6 $i;
            }
        }
    }

    .drp-new {
        .van-cell__value {
            color: $color-gay-3;
            font-size: $i*1.4;
        }
        .van-collapse-item__content {
            font-size: $i*1.3;
            color: $color-gay-7;
        }
    }

    .drp-new-html{
        img{ max-width: 100%; }
    }
    /**************************优惠券*****************************/

    .coupon-select {
        margin: $i;
        .li {
            margin-bottom: $i;
            .left {
                position: relative;
                padding: $i;
                h4,
                .name {
                    color: $color-coupon
                }
                h4 {
                    font-size: $i*2.6;

                    em{
                        margin: .7rem 0 0;
                        font-family: verdana;
                        font-size: 1.8rem;
                    }
                }
            }
            .right {
                width: $i*6;
                background: $color-coupon;
                color: $write-color;
                padding: $i *3.6 0;
            }
        }
        .li.active {
            img.p-a {
                width: $i*6;
                height: $i * 6;
                right: $i*1.1;
                top: 50%;
                margin-top: -$i*3
            }
            .left {
                position: relative;
                .coupon_cont,
                h4,
                div.color-3,
                .name {
                    color: $color-gay
                }
            }
            .right {
                background: $color-gay;
            }

        }
    }
    .print-img{width:4rem; position: absolute;bottom: .6rem;right: .6rem;}
    .print-img img{width:100%;}
    .semi-circle {display: block;position: absolute; z-index: 4;right: -.2rem;top: 0;width: .3rem;height: 100%;background: url(./assets/img/semi-circle.png) top center repeat-y;}
    .coupon-nav{margin:.7rem auto 0;overflow:hidden;}
    .coupon-nav span{padding: .4rem 0;font-size:1.3rem;color: #333;background: #ddd;width:6rem;display: block;text-align: center;float:left;border-right:1px solid #ccc;}
    .coupon-nav span:first-child{border-radius: 5px 0 0 5px}
    .coupon-nav span:last-child{border-radius: 0 5px 5px 0;border-right:none;}
    .coupon-nav span.active{background:#ec5151;}
    .coupon-nav span.active a{color:#fff;}
    .coupon-nav-cont{ width: 18rem; margin: 0 auto;}
    .counpons_all_link {height: 2rem; line-height: 2rem}
    /**************************团购模块*****************************/

    // 团购列表
    .groupbuy-cont {
        .groupbuy-tag {
            padding: $i *0.3 $i *0.9;
            right: 0
        }
    }

    .groupbuy-price-list {
        .li {
            padding: $i*0.6 0;
        }
    }
    .groupbuy-cart {
        .cart {
            right:0;
            bottom:0;
        }
    }
    .groupbuy-box{
        .groupbuy-li{
            .li{
                &.active {
                    .right{overflow: initial;}
                }
            }
            .time{
                margin-top:-1.3rem;
                position: absolute;
                left: 0;
                right: 0;
                text-align: center;
                z-index: 4999;
                .cont{
                    display:inline-block;
                    border-radius: $i*5;
                    padding: $i*0.2 $i;
                    margin-top: 0;
                    p{
                        i{color:$write-color}
                    }
                }
                span{
                    border-radius: $i*2;
                    color: #fff;
                    font-size:$i*1.2
                }
            }
        }
    }
    /**************************预售模块*****************************/
.preslae-box{
    .preslae-list{
        margin-top:$i;
        &:first-child{
        margin-top:0;
        }
    }

}
    //预售规则
    .presale-detail {
        .presale-process {
            padding: $i *1.1;
        }
    }

    .presale-footer {
        border-top: 1px solid $body-background;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4999;
        .li {
            padding: $i*1.1 0;
            display: block;
        }

        .van-popup {
            width: $i*10;
            bottom: $i*4.1;
            border: 1px solid $body-background;
            ul {
                li {
                    text-align: center;
                    padding: $i*1 0;
                    font-size: $i*1.4;
                    border-bottom: 1px solid $body-background;
                }
            }
        }
    }

    .presale-list {
        // 侧滑弹出样式
        .van-popup {
            left: $i*3.5;
            top: 0;
            bottom: 0
        }
        .van-popup--right {
            -webkit-transform: translate3d(0, 0, 0);
        }
        .close-filter-div {
            width: $i*3.5;
            left: $i*-3;
            position: absolute;
            top: 0;
            bottom: 0;
            .close-f-btn {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: $i*-2;
                margin-left: $i*-1.4;
            }
        }
    }
    /**************************礼包模块*****************************/

    .package-box {
        .li {
            margin-top: $i*0.8;
            &:first-child {
                margin-top: 0;
            }
            .package-cont {
                .cont{padding-top:$i;margin:0 $i*1.1}
                .van-cell {
                    font-size: $i*1.5!important;
                    color: $color-gay-3
                }
            }
        }
    }
    /**************************秒杀模块*****************************/

    .seckill-box {
        .goods-li{
            .right{
                .soon_active{
                    margin-top:$i*2.2;
                }
            }
        }
        .header-cont-list{
            padding-top:5.4rem;
            .bi-title{
                span{
                    padding:$i 0 0 $i*1.2;
                    display: block;
                    background: linear-gradient(to bottom, #FF2D36, #FE9E58);
                    -webkit-background-clip: text;
                    color: transparent;
                }
                margin:$i*0.6 $i*1.2 0 $i*1.2;
                border-radius:10px 10px 0 0;

            }
            .bi-cont{
                .sec-cont-box{
                    border-radius: 0 0 10px 10px;
                    .van-swipe{margin:0 1.2rem 1.2rem}
                }
                padding:0 $i*1.2 $i*1.2; overflow:hidden;

            }
            .seckill-list{
                .li{
                    padding: 1.2rem 0;
                    margin:0;
                    border-radius: 0 0 10px 10px;
                }
            }
            .van-swipe__indicators{display: none;}
        }

        .seckill-tab {
            position: fixed;
            padding-top: $i*0.6;
            z-index: 499;
            line-height: initial;
            height: initial;
            overflow: initial;
            border-bottom: none;
            top:0;
            .item {
                color: #fff;
                padding: $i*0.6 $i*0.8;
                h4 {
                    font-size: $i*1.7;
                    padding: 0.2rem 0;
                    height: $i*2;
                    overflow: hidden;
                }
                .title{margin-top:$i*0.2}
            }
            .item.active {
                h4{
                    background:#F6E2E1;
                    color:#FA2829;
                    border-radius: 2rem;
                    font-weight: bold;
                    position: relative;
                }
                color: $write-color;
            }
        }
        .seckill-heaer {
            background: $body-background;
            padding: $i*1.3 $i*1.1 $i*0.8 $i*1.1;
            .time{padding-left:$i*0.4}
            p {
                span {
                    background: #000;
                    color:#fff;
                    height: $i*1.4;
                    padding: $i*0.2 $i*0.4;
                    border-radius: $i*3;
                    line-height: $i*1.4;
                    text-align: center;
                    font-size: $i*1.3;
                }
                i {
                    padding-left: $i*0.2;
                }
            }
        }
        .plan-box {
            em {
             padding-left:$i*0.3;
            }
            margin: $i*0.8 0 $i*0.2 0;
            .left-title {
                position: relative;
                height: $i;
                border-radius: $i*3;
                background-color: #fab9a4;
                width: 75%;
                background: #fff url(./assets/img/progress.jpg) bottom left repeat-x;
                background-size: 8rem auto;

                .color {
                    display: block;
                    height: 100%;
                    border-radius: $i*3;
                    background: #FA2829;
                }
            }
            .right-title {
                line-height: $i*1.2;
            }
        }
        .btn-seckill {
            padding: $i*0.3 $i*0.7;
            right: 0;
            bottom: 0;
        }
        .btn-seckill-default {
            background: #1FAF5A;
        }
    }
    /**************************砍价模块*****************************/

    // 列表
    .bargain-tag {
        background: rgba(0, 0, 0, .4);
        border-radius: $i*2;
        position: absolute;
        bottom: $i;
        right: $i;
        font-size: $i*1.2;
        padding: $i*0.2 $i*0.6;
        color: #fff;
        .icon-renshu {
            padding-right: $i*0.3;
        }
    } // 详情
    .bargain-detail {
        .van-swipe__indicators {
            bottom: $i*4.4;
        }
        .goods-bargain-img {
            background: rgba(0, 0, 0, .6);
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10;
            padding: 0 $i*0.2 0 $i*1.1;
            height: $i*3.8;
            line-height: $i*3.8;
            p {
                text-align: right;
                span {
                    background: $color-red;
                    border-radius: 5px;
                    padding: $i*0.2 $i*0.3;
                    font-size: $i*1.4;
                    color: $write-color;
                }
                i {
                    padding: 0 $i*0.4;
                }
            }
        }
        .bargain-progressbar {
            margin: $i*1.2 $i*1 $i*0.4 $i*1;
            .plan-left {
                border: 3px solid $color-red;
                left: $i*-0.7;
            }
            .plan-right {
                width: $i*0.9;
                border: 3px solid #efeeee;
                right: $i*-0.7;
            }
            .plan-common {
                width: $i;
                height: $i;
                border-radius: $i;
                position: absolute;
                top: 50%;
                margin-top: $i*-0.6;
                z-index: 5;
            }
            .wrap {
                position: relative;
                margin-bottom: 2px;
                height: 5px;
                border-radius: 5px;
                background-color: #efeeee;
                overflow: hidden;
            }
            .color {
                width: 100%;
                background: #ffa538;
                background: -webkit-gradient(linear, left top, right top, from(#ffcb3d),
                to(#ec5151));
                background: -moz-linear-gradient(left, #ffcb3d, #ec5151);
                background: -o-linear-gradient(left, #ffcb3d, #ec5151);
                background: -ms-linear-gradient(left, #ffcb3d, #ec5151);
            }
            .bar,
            .color {
                display: block;
                height: 100%;
                border-radius: 4px;
            }
        }
        .bargain-tip {
            position: relative;
            margin-top: $i;
            height: $i*2.4;
            .join {
                display: inline-block;
                position: absolute;
                left: 0;
                top: $i*-0.2;
                z-index: 2;
                width: 44%;
                height: $i*2;
                background: $color-red;
                color: #fff;
                text-align: center;
                font-size: $i*1.2;
                line-height: $i*2;
            }
            .triangle {
                position: absolute;
                left: 44%;
                margin-left: 0;
                top: $i*-0.2;
                z-index: 2;
                height: 0;
                width: 0;
                overflow: hidden;
                border: $i*1.03 solid transparent;
                border-left-color: $color-red;
            }
            .order {
                padding: 0 0 0 44%;
                height: $i*2;
                line-height: $i*2;
                position: absolute;
                top: $i*-0.2;
                display: block;
                width: 100%;
                .cont {
                    padding-left: $i*1.2;
                }
            }
        }
        .bargain-detail-cont {
            margin-top: $i*2;
            label {
                height: $i*5;
                width: $i*5;
                border-radius: 100%;
                border: 1px dashed #ccc;
                margin-left: $i*-2.5;
                i {
                    font-size: $i*3;
                    line-height: $i*5;
                    text-align: center;
                    display: block;
                    color: #ccc;
                }
            }
            em {
                border: 1px solid $body-background;
                font-size: $i*1.1;
                color: #ccc;
                border-radius: 2px;
                position: absolute;
                left: 50%;
                margin-left: $i*-0.7;
                top: $i*-1;
                width: $i*1.8;
                height: $i*1.5;
                line-height: $i*1.4;
                text-align: center;
                display: block;
                background: $write-color;
            }
            p {
                padding-top: $i*0.6;
                font-size: $i*1.2;
            }
            .n-list-xian {
                border-top: 1px solid #e7e8ef;
                top: 22%;
                z-index: 1;
                width: 100%;
            }
            .n-list-xian,
            .n-list-xian-first,
            .n-list-xian-last {
                top: 35%;
            }
        }
        .qinyou-cont {
            .li {
                padding: $i*0.8 $i*1.1;
                border-bottom: 1px solid $body-background;
                .left {
                    width: $i*4;
                    margin-right: $i;
                    .img-box {
                        width: $i*4;
                        height: $i*4;
                        border-radius: 50%;
                        overflow: hidden;
                    }
                }
                .rank-box {
                    img {
                        width: $i*1.8;
                    }
                    width:$i*2.6;
                    span {
                        text-align: center;
                        display: block;
                        line-height: 2.8;
                    }
                }
            }
        }
        .bargian-user {
            padding: $i $i*1.1 0 $i*1.1;
            .left {
                width: $i*4;
                margin-right: $i;
                .img-box {
                    width: $i*4;
                    height: $i*4;
                    border-radius: 50%;
                    overflow: hidden;
                }
            }
            .right {
                h4 {
                    label {
                        font-size: $i;
                        color: $color-red;
                        border: 1px solid $color-red;
                        border-radius: $i;
                        padding: 0 $i*0.6;
                        margin-left: $i*0.6;
                        height: $i*1.7;
                        line-height: $i*1.7;
                    }
                }
            }
        }
    }
    .bargain-friends {
        position:fixed;
        right:15%;
        left:15%;
        top:15%;
        background:#fff;
        z-index:4999;
        border-radius:5px;
        box-shadow:2px 1px 12px rgba(100,100,100,0.5);
        font-size: 1.2rem;
        .header{
            padding:10px 0;
            text-align:center;
            border-bottom:1px solid #eee;

        }
        .img{
            padding:30px 0 0 0;
            width:90px;
            margin:0 auto;

        }
        .cont{
            padding:15px;
            border-bottom:1px solid #eee;

        }
        .footer{
            margin:15px;
        background:#ff495e;
        text-align:center;
        padding:6px 0;
        border-radius:4px;
        color:#fff;

        }
        }

    /**************************批发模块*****************************/

    //批发首页
    .wholesale-box {
        .banner {
            min-height:$i*15;
            padding-top:50px;
        }
        .who-search {
            top: 0;
            right: 0;
            left: 0;
            z-index: 11;
            background-color: #fff;
            .left-icon {
                i {
                    font-size: $i*2;
                    padding: $i 0 0 $i*1.1;
                    color: $color-gay-9;
                    display: block;
                }
            }
        }
        .swiper-x-box {
            .swiper {
                .swiper-wrapper {

                    .swiper-slide {
                        width: $i*10.4;
                        .img-box {
                            width: $i*9.8 !important;
                            height: $i*9.8!important;
                            border: 1px solid #eee;
                        }

                    }
                }
            }
        }

        .who_call {
            .van-cell__value {
                span {
                    color: $color-gay-9;
                }
            }
        }
    } //批发列表
    .wholesale-list {
        //导航
        .van-tabs__wrap--scrollable .van-tab {
            min-width: inherit;
            padding: 0 $i;
        }
    } //求购信息
    .wholesale-buy {
        .who-list {
            margin-bottom: $i*0.8;
            background-color: $write-color;
            .who-footer {
                padding: $i*0.8 $i*1.1;
                border-top: 1px solid $body-background;
                .who-btn {
                    .van-button {
                        height: $i*2.8;
                        line-height: $i*2.7;
                    }
                }
            }
        }
    }

    .wholesale-buyinfo {
        .info-cont {
            .shop-cont {
                padding: $i*0.8 $i*1.1;
                border-bottom: 1px solid $body-background;
            }
            .list {
                padding: $i*0.8 $i*1.1;
                border-bottom: 1px solid $body-background;
                .left {
                    width: $i*7;
                }
            }
        }
    }
    .wholesale-property {
        .title {
            padding-top: 1rem;
            color: $color-gay-3;
        }

        .li{
            padding: 1rem 0;
            border-bottom: 1px solid #f6f6f9;
            align-items: center;
        }
    }
    /*众筹*/
    //属性
    .attr-goods-box{
        .crowd-cont{
            padding:$i*1.1 !important;
            .van-radio{
                border-bottom: 1px solid #f6f6f9;
                &:last-child{
                    border-bottom:none;
                }
                .van-radio__input{display: none}
                .van-radio__label{display: block; margin-left: 0;}
                &.active{
                    .li{
                        .left-icon{
                            label{
                                border:1px solid $color-red ;
                                background: $color-red ;
                                i{
                                    color:#fff;
                                    display: block
                                }
                            }
                        }
                    }
                }
                .li{
                    padding:$i 0;
                    .left-icon{width:$i*3;
                    label{
                        margin-top: 1rem;
                        width:$i*1.8;
                        height:$i*1.8;
                        border-radius:$i*2;
                        border:1px solid #ccc;
                        i{font-size:$i*1.1;text-align: center;line-height:$i*1.8;display: none;}
                    }
                    }
                }
            }

        }
        .corwd-footer{
            border-top:1px solid #eee;
            .left-btn{
                line-height: 3.7rem;
                padding-left: 1.1rem;
                font-size: 1.5rem;
            }
        }
    }
    .cro_funing {
        .tabCon{
            .van-radio-group{
                overflow:hidden;
                .van-radio{
                    .van-radio__label{
                        margin-left:0;
                    }
                    &:nth-child(3n+1) {
                        padding-left: 0;
                        padding-right: .6rem;
                    }
                    padding: .5rem .4rem;
                    float: left;
                    width:33%;
                    .van-radio__input{

                            display: none;

                    }
                    .van-radio__label{
                        font-size: 1.5rem;
                        padding: .3rem 0;
                        display: block;
                        text-align: center;
                        border: 1px solid #f1f1f1;
                        border-radius: 4px;
                        color: #666;
                    }
                    &.active{
                        .van-radio__label{
                            border-color: #f92028;
                            color: #f92028;
                        }

                    }
                }
            }
        }
        .nav {
            .item-icon {
                width: $i*6;
                i {
                    font-size: $i*1.7;
                }
            }
        }
        .goods-li {
            .li {
                &.active {
                    .right {
                        h4 {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            height:$i*3.4;
                        }
                    }
                    .goods-cont {
                        .list {
                            width: 100%;
                        }
                    }
                    .goods-num {
                        display: none;
                    }
                    .raise-cate-tag {
                        background: rgba(0,0,0,.5);
                        padding: .1rem .8rem;
                        display: inline-block;
                        position: absolute;
                        top: 1rem;
                        right: 1rem;
                        padding-left: 2rem;
                        color: rgba(255,255,255,.8);
                        font-size: 1.3rem;
                        border-radius: 3rem;
                        i{
                            font-size: 1rem;
                            margin-right: .2rem;
                            position: absolute;
                            top: 50%;
                            left: .7rem;
                            margin-top: -.6rem;
                        }
                    }
                }
                .raise-cate-tag{display: none;}
                .goods-cont,
                .goods-num {
                    overflow: hidden;
                    .list {
                        width: 50%;
                        float: left;
                    }
                }
                h4 {
                    margin-bottom: $i*0.2;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    height:$i*3.2;
                }
            }
        }
        .tabCon {
            position: fixed;
            z-index: 100;
            left: 0;
            right: 0;
            top:9.7rem;
            display: none;
            &.active {
                display: block
            }
            ul{
                overflow: hidden;
                padding:$i*1.1;
                li{
                    &:nth-child(3n+1) {
                        padding-left: 0;
                        padding-right: .6rem;
                    }
                    padding: .5rem .4rem;
                    width:33%;
                    float: left;
                    label{
                        font-size:$i*1.5;
                        padding: .3rem 1.6rem;
                        display: block;
                        text-align: center;
                        border: 1px solid #f1f1f1;
                        border-radius: 4px;
                        color: #666;
                    }
                }
            }
            .cont-max-height{min-height:10rem;max-height:10rem}
            .foorer-nav{
                padding: .2rem 1.3rem;
                border-top: 1px solid #f6f6f9;
                .icon-Collapse{
                    text-align: center;
                    display: block;
                    width: 100%;
                    color: #999;
                }
            }
        }
        .bg-cont {
            background: rgba(0, 0, 0, .4);
            position: fixed;
            right: 0;
            left: 0;
            bottom: 0;
            top: 9.8rem;
            z-index: 1;
            display: none;
            &.active {
                display: block;
            }
        }
    }
.cro-detail{
    .nav{position:fixed;left:0;right:0;top:0;z-index:9;}
    .detail-user{
        .name{
            font-size:$i*1.8;
            line-height:2.2;
        }
        img{width:$i*3.8;height:$i*3.8;border-radius: 100%;}
        .right{
            span{padding:$i*0.2 $i;margin-top:$i*0.8;}
        }
    }
    .detail-scheme{
        padding: $i*0.8 $i*1.1;
        .left{
            width:$i*6;
            img{
                width:$i*4;
                height:$i*4;
            }
        }
    }
}
.crowd-pay{

    .van-radio-group{
        .van-radio{
            .van-radio__label{
                .li{
                    color: #333;
                    font-size:1.4rem;
                    label{
                        i{display: none;}
                    }
                }
            }
            &.active{
                .van-radio__label{
                    .li{
                        color: #ec5151;
                        label{
                            i{display: block;}
                        }
                    }
                }
            }
            padding:$i*1.1;border-bottom:1px solid #eee;
            .van-radio__label{display: block; margin-left: 0;}
            .van-radio__input{display: none}
        }
    }
}
.not-address{
    padding: $i*1.3 $i*1.1;
}
.flow-checkout{
    .flow-checkout-adr{
        .van-cell__left-icon,.van-cell__right-icon{
            line-height: 47px;
        }
    }
}

/*实时话题*/
.crowd-topic{
    .van-hairline--top-bottom{
        &::after{
            border-width: 0 0;
        }
        .van-cell{
            padding:1rem 1rem 0 1rem;
            textarea{
                min-height:$i*4;
            }
        }
    }
    .num{
        padding:0  1rem 1rem 1rem;
        color:#ddd;
        span{
            margin-bottom:0.2rem;
            display: block;
            padding:0 0 0.5rem 0;
            border-bottom:1px solid #eee;
         }
    }
    .footer-btn{
        .li{
            button{
                height: 3.8rem;
                line-height: 3.7rem;
            }
            &:first-child{
                margin-right:0.5rem;
            }
            &:last-child{
                margin-left:0.5rem;
            }
        }
    }
}
.crowd-comment-icon .icon-pinglun{
    color: $color-red;
    padding-right: .3rem;
    font-size: 1.5rem;
}
/*微筹收藏*/
.cro-detail{
    .van-goods-action{
        a{
            &.curr{color:$color-red}
        }
    }
}

/*高级会员结算页*/
.apply-swiper{
    .swiper-wrapper{
        margin-top: 0 !important;
    }

    .list{
        overflow-y: auto;
    }

    .list-active{
        height: 100vh;
    }
}
.vip-buy{
    background:linear-gradient(0deg, #696969 0%, #151515 30%); overflow: hidden;
    .title{
        color: #EBD6BA; text-align: center; font-size: 1.5rem; line-height: 4.1rem;
        &:before,
        &:after{ content:''; width: 2.63rem; height: 0.42rem; margin: 0 .6rem; vertical-align: middle; display: inline-block; background-size: contain; background-position: center; background-repeat: no-repeat;}
        &:before{ background-image: url(./assets/img/vip/title-star-l.png); }
        &:after{ background-image: url(./assets/img/vip/title-star-r.png); }
    }

    .purchase-card{
        margin: 0 1.25rem 1.25rem;
        position: relative;

        .swiper-card{
            margin: 3rem 4rem 1rem;
            border-radius: .2rem;

            .purchase-card-item{
                background: linear-gradient(118deg, #ecd8be, #dbb280);
                padding: 3rem 2rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: #463015;
                border-radius: 1rem;

                .left{
                    .rank{
                        font-size: 1.6rem;
                    }
                    .period{
                        margin-top: .2rem;
                        display: block;
                    }
                }

                .right{
                    font-size: 1.6rem;
                    font-weight: 700;
                }
            }
        }
    }

    .protection{
        .items{
            background: #FCF3E7;
            margin: 0 1.25rem 1.25rem;
            border-radius: 1rem;
            display: flex;
            flex-direction: row;
            padding: 1rem 1rem 0 1rem;
            font-size: 1.2rem;
            flex-wrap: wrap;

            .item{
                width: 25%;
                text-align: center;
                padding: 0 .8rem;
                margin-bottom: 1rem;

                .icon{
                    width: 100%;
                    border-radius: 50%;

                    .img{
                        border-radius: 50%;
                    }
                }

                .text{
                    margin-top: .5rem;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .head{
        .notice{
            background: #FCF3E7; margin: 0 1.25rem 1.25rem; border-radius: 1rem; padding: 1.25rem;
            h3{
                margin-bottom: 1rem;
                b{ font-size: 1.5em; }
                a{
                    float: right;
                    .iconfont{ font-size: 1rem; margin-left: .1rem; }
                }
            }
            p{ color: #805223; line-height: 1.6; font-size: 1.2rem; }
        }
    }
}

.swiper-button{
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 55px;
    margin: 0;

    .iconfont{
        font-size: 28px;
        color: #dbb280;
        font-weight: 700;
    }

    &.swiper-button-next{
        right: 10px;
    }

    &.swiper-button-prev{
        left: 10px;
    }
}

.cell-box{
    padding: 1rem; border-bottom: 1px solid #f6f6f9; @include box();
    &:last-child{ border-bottom: 0 none; }
    .cell-title{ font-size: 1.4rem; line-height: 2rem; @include box-flex();}
    .cell-content{ font-size: 1.4rem; text-align: right; line-height: 2rem;}
}
.vip-fixed-bottom{
    background-color: #fff;
    height: 4.7rem;
    padding-bottom: env(safe-area-inset-bottom);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    box-shadow: 1px 0 5px rgba(100, 100, 100, 0.1);
    @include box();
    .item{
        @include box-flex();
        &.vip-btn{
            text-align: center; line-height: 4.7rem; font-size: 1.4rem; color: #463015;
            background:linear-gradient(118deg,rgba(236,216,190,1),rgba(219,178,128,1));
            .number{ font-size: 1.6rem; font-weight: 700; margin-left: .2rem; }
        }
        &.article-confirm{
            text-align: center;
            .radio-wrap{
                line-height: 1.8rem; margin-top: .5rem; margin-bottom: 0.4rem; font-size: 1.2rem;
                .radio-icon{
                    position: relative; margin-right: .2rem;
                    width: 1.8rem; height: 1.8rem; border-radius: 1.8rem; display: inline-block; vertical-align: bottom;
                    background: linear-gradient(118deg,rgba(236,216,190,1),rgba(219,178,128,1)); border-radius:50%;
                    &:before{ content:''; position: absolute; width: .9rem; height: .5rem; border-width: 1px; border-color: transparent transparent #fff #fff; border-style: solid; left: 0.5rem; top: 0.5rem; transform: rotate(-45deg); opacity: 0; transition: all .2s;}
                    &:after{ content: ''; position: absolute; left: 3px; top: 3px; bottom: 3px; right: 3px; background: #fff; transition: all .2s; border-radius: 100%;}
                    &.active:before{ transform: rotate(-45deg); opacity: 1; }
                    &.active:after{ transform: scale(0); opacity: 0; }
                }
            }
            span{ color: #C79557; font-size: 1rem; }
        }
    }
}
.vip-apply{
    background: #232222; min-height: 100vh; overflow: hidden;
    .img{
        img{ width: 100%; vertical-align: top; }
    }
    .title-how{ width: 73%; margin: 5% auto; }
    .apply-box{
        margin: 0 5% 5%;
        .title{
            width: 100%; max-width: 21rem; height: 3.4rem; line-height: 3.4rem; background: url(./assets/img/vip/apply-title-small.png) no-repeat center;
            background-size: contain; text-align: center;
            color: #573B1A; font-size: 1.8rem; margin: 0 auto -2.77rem; font-weight: bold; font-style: italic; position: relative; z-index: 3;
            &.title-big{ background-image: url(./assets/img/vip/apply-title-big.png); max-width: 26.7rem; }
        }
        .body{
            background: #F2EEE9; border-radius: 1rem; min-height: 5.6rem; text-align: center; padding-bottom: 0.9rem; padding-top: 4.3rem;
            .text{
                padding: 0 1rem 1rem; color: #805223; font-size: 1.3rem;
                .number{ font-size: 1.6rem; font-weight: 700; margin: 0 0.6rem 0 .2rem; font-style: italic;}
            }
        }
        .v-btn{
            width: 100%;
            max-width: 18rem;
            margin: 0 auto 0.5rem;
            text-align: center;
            line-height: 3rem;
            background: #000;
            color: #E3C49E;
            border-radius: 1.5rem;
            box-shadow: 0 12px 6px -8px rgba(0,0,0,0.3);
            font-size: 1.5rem;
            cursor: pointer;
            &.disabled{ opacity: 0.6; }
        }
    }
}
.apply-goods-list{
    margin: 0 1.25rem;
    padding-bottom: 1.25rem;
    .item{
        float: left; width: 50%; margin-top: 1.25rem; box-sizing: border-box; border-radius: 0.5rem; overflow: hidden; position: relative;

        .item-wapper{
            background: #fff;
            position: relative;
            overflow: hidden;
            border-radius: .5rem;
        }

        &:nth-child(2n){
            padding-left: .75rem;
        }

        &:nth-child(2n-1){
            padding-right: .75rem;
        }

        .link{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; }
        .img{
            position: relative;
            img{
                width: 100%;
                height: 100%;
            }
            .tag{
                position: absolute; z-index: 2; left: -2.7rem; top: 0.3rem; background: #000; color: #573B1A; width: 8.3rem; text-align: center; line-height: 2rem; background:linear-gradient(90deg,#EBD5B9,#DCB483); transform: rotate(-45deg);
                &:before,
                &:after{ content:''; height: 0; width: 100%; position: absolute; left: 0; border-top: 1px solid #c19a6d; transform: translate(0,-.5px);}
                &:before{ top: .2rem; }
                &:after{ bottom: .2rem; }
            }
        }
        .tit{ font-size: 1.4rem; height: 3.7rem; line-height: 1.6rem; overflow: hidden; word-break: break-all; padding: .5rem 0.2rem 0 .7rem; margin-bottom: .5rem;}
        .info{
            padding: 0 .8rem 1rem .5rem; overflow: hidden; line-height: 2.4rem; font-size: 1.4rem;
            .price{ float: left; width: 50%; }
            .i-btn{ float: left; width: 50%; border-radius: .3rem; text-align: center; background:linear-gradient(118deg,rgba(236,216,190,1),rgba(219,178,128,1)); color: #64503E; }
        }
    }
}
.vip-popup{
    padding: 2rem; border-radius: 1rem; width: 23rem; overflow: hidden;
    .p-close{ position: absolute; right: 1rem; top: 1rem; .van-icon{ font-size: 2.3rem; color: #dcdcdc; }}
    .p-content{
        text-align: center; margin-bottom: 1.6rem;
        p{
            color: #888; font-size: 1.4rem; margin: 0.5rem 0;
            &.number{ font-size: 1.6rem; color: #333; }
            &.green{ color: #41d357; }
            &.red{ color: #fc6c6c; }
        }
        .p-icon{
            margin-bottom: 1rem;
            .p-icon-success{
                width: 4.67rem;
                height: 4.67rem;
                background: url(./assets/img/vip/icon-success.png) no-repeat center;
                background-size: contain;
                margin: 0 auto;
            }
        }
    }
    .p-handler{
        .v-btn{
            text-align: center;
            width: 100%;
            margin: 0 auto 0.5rem;
            text-align: center;
            line-height: 3rem;
            background: #000;
            color: #E3C49E;
            border-radius: 1.5rem;
            box-shadow: 0 12px 6px -8px rgba(0,0,0,0.3);
            font-size: 1.5rem;
            cursor: pointer;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            &.disabled{ background: #b0b0b0; color: #fff; }
        }
    }
}
.loader04 {
    width: 4.67rem;
    height: 4.67rem;
    border: 0.17rem solid #e7d2b5;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s ease-in-out infinite;
    top: 50%;
    margin: 0 auto;
    &:after {
        content: '';
        width: 0.83rem;
        height: 0.83rem;
        border-radius: 50%;
        background: #d5aa75;
        position: absolute;
        top: -0.5rem;
        left: 50%;
        margin-left: -0.42rem;
    }
}
@keyframes loader-rotate {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
